<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	window.onload=function(){
		canvas = document.getElementById('mycanvas');
		ctx = canvas.getContext('2d');
		
		ctx.strokeStyle='#ff0000';
		ctx.beginPath();
		ctx.arc(100,200,45,0,Math.PI*1.5,false);
		ctx.stroke();
		ctx.closePath();
		
		
		ctx.strokeStyle='#0000ff';
		ctx.lineWidth='5';
		ctx.fillStyle='#aaaaff';
		ctx.beginPath();
		ctx.moveTo(500,200)
		ctx.arc(500,200,45,Math.PI*1.9,Math.PI*2.1,true);
		ctx.closePath();
		ctx.fill();
		ctx.stroke();
		
		
	}

</script>
</head>
<body>
	<canvas id='mycanvas' width='600px'height="500px">
	</canvas>
</body>
</html>